<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>会员中心</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" href="../js/lib/layer_mobile/need/layer.css">
  <link rel="stylesheet" href="../css/fonts/iconfont.css">
  <link rel="stylesheet" href="../css/bootstrap-select.min.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="layout memberCenter">
    <div class="top">
      <div class="brand">会员中心</div>
      <ul class="top_menu">
        <!--
        <li class="">
          <a href="Order.html">
            <i class="iconfont icon-diancan"></i>
            <span>点餐</span>
          </a>
        </li>
        -->
        <li class="line"></li>
        <li>
          <a href="Table.html">
            <i class="iconfont icon-zhuotai"></i>
            <span>桌台</span>
          </a>
        </li>
        <li class="line"></li>
        <li>
          <a href="orderForm.html">
            <i class="iconfont icon-dingdanguanli"></i>
            <span>订单管理</span>
          </a>
        </li>
        <!--
        <li class="line"></li>
        <li class="active">
          <a href="memberCenter.html">
            <i class="iconfont icon-huiyuanzhongxin"></i>
            <span>会员</span>
          </a>
        </li>
        -->
        <li class="line"></li>
        <li>
          <a class="jiaoban">
            <i class="iconfont icon-guanzhang"></i>
            <span>交班</span>
          </a>
        </li>
        <li class="line"></li>
        <li>
          <a class="loginOut">
            <i class="iconfont icon-tuichu"></i>
            <span>退出登录</span>
          </a>
        </li>
      </ul>
      <div class="userInfo"></div>
    </div>
    <div class="main">
      <ul class="main-left">
        <li data-id="1" class="active">会员开卡</li>
        <li data-id="2">会员储值</li>
        <li data-id="3">储值记录</li>
        <li data-id="4">会员注销</li>
        <li data-id="5">充值退款</li>
      </ul>
      <div class="main-content">
        <div class="title">会员开卡</div>
        <div class="form_content">
          <form class="form-horizontal form_HYKK">
            <div class="form-group">
              <label for="phone" class="col-sm-3 control-label">
                <pre>手机号码:</pre></label>
              <div class="col-sm-8">
                <input autofocus type="tel" name="user_phone" class="form-control inputClear" id="phone" placeholder="输入手机号码" autocomplete="off">
              </div>
              <div class="col-sm-1" style="padding-left: 5px; font-size: 18px;">
                <span class="red">*</span>
              </div>
            </div>
            <div class="form-group">
              <label for="name" class="col-sm-3 control-label">
                <pre>姓    名:</pre></label>
              <div class="col-sm-8">
                <input type="text" name="user_name" class="form-control inputClear" id="name" placeholder="输入姓名" autocomplete="off">
              </div>
            </div>

            <div class="form-group">
              <label for="birthday" class="col-sm-3 control-label">
                <pre>生    日:</pre></label>
              <div class="col-sm-8">
                <input type="text" name="user_birthday" class="form-control" val="" id="birthday" placeholder="输入生日" >
              </div>
            </div>
            <div class="form-group">
              <label for="email" class="col-sm-3 control-label">
                <pre>邮    箱:</pre></label>
              <div class="col-sm-8">
                <input type="text" name="user_email" class="form-control inputClear" id="email" placeholder="输入邮箱" autocomplete="off">
              </div>
            </div>
            <div class="form-group">
              <label for="address" class="col-sm-3 control-label">
                <pre>联系地址:</pre></label>
              <div class="col-sm-8">
                <input type="text" name="user_address" class="form-control inputClear" id="address" placeholder="输入联系地址" autocomplete="off">
              </div>
            </div>
            <div class="form-group">
              <label for="sex" class="col-sm-3 control-label">
                <pre>性    别:</pre></label>
              <div class="col-sm-8">
                <label class="radio-inline">
                  <input type="radio" name="user_sex" id="man" value="1" checked> 男
                </label>
                <label class="radio-inline">
                  <input type="radio" name="user_sex" id="woman" value="0"> 女
                </label>
              </div>
            </div>
            <div class="form-group">
              <label for="ZFpwd" class="col-sm-3 control-label">
                <pre>支付密码:</pre></label>
              <div class="col-sm-8">
                <input type="password" name="user_password" class="form-control inputClear" id="ZFpwd" placeholder="输入至少六位密码" autocomplete="off">
              </div>
              <div class="col-sm-1" style="padding-left: 5px;font-size: 18px;">
                <span class="red">*</span>
              </div>
            </div>
            <div class="form-group">
              <label for="ZFpwd" class="col-sm-3 control-label">
                <pre>确认密码:</pre></label>
              <div class="col-sm-8">
                <input type="password" name="pwd1" class="form-control inputClear" id="ZFpwd1" placeholder="再次输入密码" autocomplete="off">
              </div>
              <div class="col-sm-1" style="padding-left: 5px;font-size: 18px;">
                <span class="red">*</span>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-3 col-sm-9">
                <button type="button" class="btn btn-primary KaiKa">开卡</button>
              </div>
            </div>
          </form>
          <form class="form-horizontal form_HYCZ hidden">
            <div class="form-group">
              <label for="HYZH" class="col-sm-3 control-label">
                <pre>会员账号:</pre></label>
              <div class="col-sm-9">
                <div class="input-group">
                  <input type="tel" class="form-control inputClear" name="member_id" id="HYZH" placeholder="输入会员账号" autocomplete="off">
                  <span class="input-group-btn">
                    <button class="btn btn-danger btn-search" type="button">搜索</button>
                  </span>
                </div><!-- /input-group -->
              </div>
            </div>
            <div class="form-group ZHInfo hidden">
              <label class="col-sm-3 control-label">
                <pre>账户余额:</pre></label>
              <div class="col-sm-3">
                <div class="form-control ZHYE">100.00</div>
              </div>
              <label class="col-sm-3 control-label">
                <pre>会员折扣:</pre></label>
              <div class="col-sm-3">
                <div class="form-control HYZK">10</div>
              </div>
            </div>
            <div class="form-group">
              <label for="CZJE" class="col-sm-3 control-label">
                <pre>充值金额:</pre></label>
              <div class="col-sm-3">
                <input type="number" class="form-control inputClear" name="money" id="CZJE" min="0">
              </div>
              <label for="ZSJE" class="col-sm-3 control-label">
                <pre>赠送金额:</pre></label>
              <div class="col-sm-3">
                <select name="presenter_id" class="form-control presenterLists">
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="CZJE" class="col-sm-3 control-label">
                <pre>充值方式:</pre></label>
              <div class="col-sm-9 CZFSBtns">
                <button data-payid="1" type="button" class="btn col-sm-3 active"><i class="iconfont icon-xianjinzhifu"></i>
                  现金支付</button>
                <button data-payid="2" type="button" class="btn col-sm-offset-1 col-sm-3"><i class="iconfont icon-saomafu"></i>扫码支付</button>
                <!-- <button data-payid="3" type="button" class="btn col-sm-offset-1 col-sm-3 "><i class="iconfont icon-weixinzhifu-"></i>微信支付</button> -->
              </div>
            </div>
            <div class="form-group MM_input">
              <label for="MM" class="col-sm-3 control-label">
                <pre>现金充值密码:</pre></label>
              <div class="col-sm-8">
                <input type="password" name="MM" class="form-control" id="MM" placeholder="请输入密码" autofocus>
              </div>
            </div>
            <div class="form-group FKM_input hidden">
              <label for="FKM" class="col-sm-3 control-label">
                <pre>付款码:</pre></label>
              <div class="col-sm-8">
                <input type="text" name="FKM" class="form-control" id="FKM" placeholder="请扫码/输入付款码" autofocus>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-3 col-sm-9">
                <button type="button" class="btn col-sm-3 empty" style="background: bisque;">清空</button>
                <button type="button" class="btn btn-info col-sm-3 col-sm-offset-3 CZ_sure">确认</button>
              </div>
            </div>
          </form>
          <div class="CZLists hidden">
            <div class="input-group CZLists_input">
              <input type="tel" class="form-control inputClear ZH" placeholder="输入会员账号" autocomplete="off">
              <span class="input-group-btn">
                <button class="btn btn-danger btn-search" type="button">搜索</button>
              </span>
            </div>
            <div class="tableHead">
              <div>充值单号</div>
              <div>会员号</div>
              <div>会员姓名</div>
              <div>充值时间</div>
              <div>充值金额（元）</div>
            </div>
            <div class="tableBody">
            </div>
            <div class="tableFoot hidden">
              总金额：0.0
            </div>
          </div>
          <form class="form-horizontal form_HYZX hidden">
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <div class="input-group">
                  <input type="tel" class="form-control inputClear" id="HYZX" placeholder="输入会员账号查询" autocomplete="off">
                  <span class="input-group-btn">
                    <button class="btn btn-danger btn-search" type="button">搜索</button>
                  </span>
                </div><!-- /input-group -->
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">
                账号：</label>
              <div class="col-sm-3">
                <div class="form-control ZH cleared"></div>
              </div>
              <label class="col-sm-3 control-label">
                当前余额：</label>
              <div class="col-sm-3">
                <div class="form-control DQYE cleared"></div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">
                姓名：</label>
              <div class="col-sm-3">
                <div class="form-control XM cleared"></div>
              </div>
              <label class="col-sm-3 control-label">
                应退余额：</label>
              <div class="col-sm-3">
                <div class="form-control YTYE cleared"></div>
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">
                电话：</label>
              <div class="col-sm-3">
                <div class="form-control Phone cleared"></div>
              </div>
              <label class="col-sm-3 control-label">
                累计赠送：</label>
              <div class="col-sm-3">
                <div class="form-control LJZS cleared"></div>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-12">
                <button type="button" class="btn col-sm-offset-2 col-sm-2 empty">清空</button>
                <button type="button" class="btn btn-warning col-sm-2 col-sm-offset-2 TK">退余额</button>
                <button type="button" class="btn btn-danger col-sm-2  col-sm-offset-2 ZX_sure">注销</button>
              </div>
            </div>
          </form>
          <form class="form-horizontal form_CZTK hidden">
            <div class="form-group">
              <label for="CZDH" class="col-sm-3 control-label">
                <pre>会员账号:</pre></label>
              <div class="col-sm-8">
                <input type="tel" name="HYZH" class="form-control inputClear HYZH"  placeholder="输入会员账号" autocomplete="off">
              </div>
            </div>
            <div class="form-group">
              <label for="CZDH" class="col-sm-3 control-label">
                <pre>充值单号:</pre></label>
              <div class="col-sm-8">
                <input type="tel" name="CZDH" class="form-control inputClear" id="CZDH" placeholder="输入充值单号" autocomplete="off">
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-3 col-sm-9">
                <button type="button" class="btn btn-primary btn-CZTK">充值退款</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!--稍等框-->
  <div class="modal fade" id="czloading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop='static'>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">充值/退款提示</h4>
        </div>
        <div class="modal-body">
          <span id="result">充值/退款正在进行中,请稍候。。。</span>
          <button type="button" class="btn-danger btn-sm loadclose">关闭</button>
        </div>
      </div>
    </div>
  </div>

  <script src="../js/lib/jquery.min.js"></script>
  <script src="../js/lib/moment.min.js"></script>
  <script src="../js/lib/layer_mobile/layer.js"></script>
  <script src="../js/lib/bootstrap.min.js"></script>
  <script src="../js/lib/moment-with-locales.min.js"></script>
  <script src="../js/lib/bootstrap-datetimepicker.min.js"></script>
  <script src="../js/app/app.js"></script>
  <script src="../js/app/memberCenter.js"></script>
</body>

</html>